<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>在线留言</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />

	<!-- 引入核心样式 -->
    <link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
    <link rel="stylesheet" href="http://appimg.yinsoso.com/swiper-3.3.1.min.css" />

	<!--当前页面的css-->
	<link href="../../css/liuyan.css" rel="stylesheet" />

	<!-- 引入核心JS -->
    <script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
    <script src="http://appimg.yinsoso.com/swiper-3.3.1.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>

</head>

<body id="liuyan">
	<div id="app">
		<section>
			<form id="lyForm">
				<div class="liuyan-box">
					<div class="liuyan-group">
						<label>姓名（必填）</label>
						<input type="text" class="name" placeholder="请输入您的姓名" v-model="name"/>
					</div>
					<div class="liuyan-group">
						<label>联系方式（必填）</label>
						<input type="tel" class="phone" placeholder="请输入您的联系方式" v-model="contact"/>
					</div>
					<div class="liuyan-group">
						<label>地址</label>
						<input type="text" class="address" placeholder="请输入您的地址" v-model="address"/>
					</div>
					<div class="liuyan-group">
						<label>单位</label>
						<input type="text" class="workaddress" placeholder="请输入您的单位" v-model="unit"/>
					</div>
					<div class="liuyan-group" style="height: auto;">
						<label>留言内容</label>
						<!--<input type="text" class="liuyantxt" placeholder="请输入留言内容"/>-->
						<textarea class="liuyantxt" name="liuyantxt" cols=",50" rows="5" wrap="soft" placeholder="请输入留言内容" v-model="message"></textarea>
					</div>
				</div>
				<div class="marginbottom_blank"></div>
				<div class="liuyan-bottom flex">
					<div class="liuyan-btn" style="margin-right: .266rem;">
						<input type="button" name="esc" id="esc" value="取消" @click="cancel"/>
					</div>
					<div class="liuyan-btn">
						<input type="button" name="ok" id="ok" value="提交" @click="submit"/>
					</div>
				</div>
			</form>
		</section>
	</div>
	<script src="../../js/messageBoard.js"></script>

</body>

</html>